<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%@taglib uri="/WEB-INF/struts-logic.tld" prefix="logic" %>
<%@taglib uri="/WEB-INF/struts-bean.tld" prefix="bean"%>
<%@taglib uri="http://java.sun.com/jstl/core_rt" prefix="c" %>
<%@taglib uri="http://jsptags.com/tags/navigation/pager" prefix="pg" %>
<html>
    <head>
        <title>Travel - Home</title>
        <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
        <link rel="stylesheet" type="text/css" href="style.css" />
        <script language="JavaScript">
            <!--
            function mmLoadMenus() {
                if (window.mm_menu_0820212933_0) return;
                window.mm_menu_0820212933_0 = new Menu("root",93,18,"",12,"#000000","#000000","#CCCCCC","#999999","left","middle",3,0,1000,-5,7,true,false,true,0,true,true);
                mm_menu_0820212933_0.addMenuItem("Tours","location='tour.do?action=listTour'");
                mm_menu_0820212933_0.addMenuItem("Car&nbsp;Rental&nbsp;","location='Car.do?action=listcar'");
                mm_menu_0820212933_0.hideOnMouseOut=true;
                mm_menu_0820212933_0.bgColor='#555555';
                mm_menu_0820212933_0.menuBorder=1;
                mm_menu_0820212933_0.menuLiteBgColor='#FFFFFF';
                mm_menu_0820212933_0.menuBorderBgColor='#777777';

                window.mm_menu_0820213214_0 = new Menu("root",63,18,"",12,"#000000","#000000","#CCCCCC","#999999","left","middle",3,0,1000,-5,7,true,false,true,0,true,true);
                mm_menu_0820213214_0.addMenuItem("Hotel","location='hotel.do?action=listHotel'");
                mm_menu_0820213214_0.addMenuItem("Flights","location='flight.do?action=listFlightL'");
                mm_menu_0820213214_0.hideOnMouseOut=true;
                mm_menu_0820213214_0.bgColor='#555555';
                mm_menu_0820213214_0.menuBorder=1;
                mm_menu_0820213214_0.menuLiteBgColor='#FFFFFF';
                mm_menu_0820213214_0.menuBorderBgColor='#777777';

                mm_menu_0820213214_0.writeMenus();
            } // mmLoadMenus()
            //-->
        </script>
        <script language="JavaScript" src="mm_menu.js"></script>
        <script language="JavaScript" src="East2West.js"></script>
    </head>

    <body onLoad="hide('car');hide('hotel');hide('flight');show('tour');">
        <script language="JavaScript1.2">mmLoadMenus();</script>
        <div id="header"> <a href="index.html" class="logo"><img src="images/bnere.png" alt="" width="984" height="126" /></a>

            <div class="inner_copy"><a href="http://www.greatdirectories.org/">web directories</a><a href="http://www.bestfreetemplates.info/">free CSS templates</a></div>
        </div>
        <div>
            <ul id="menu">
                <li><a href="index.jsp"><img src="icon/home-icon.png" height="25">Home Page</a></li>
                <li><a href="#" name="link2" id="link1" onMouseOver="MM_showMenu(window.mm_menu_0820212933_0,0,25,null,'link2')" onMouseOut="MM_startTimeout();"><img src="icon/objects-icon.png" height="25">Services</a></li>
                <li><a href="#" name="link3" id="link3" onMouseOver="MM_showMenu(window.mm_menu_0820213214_0,0,25,null,'link3')" onMouseOut="MM_startTimeout();"><img src="icon/signature-icon.png" height="25">Infomation</a></li>
                <li><a href="about.jsp"><img src="icon/Administrator-icon.png" height="25">About Company</a></li>
                <li><a href="contact1.jsp"><img src="icon/message-already-read-icon.png" height="25">Contact us</a></li>
                <li><a href="sitemap.jsp"><img src="icon/Calculator-icon.png" height="25">SiteMap</a></li>
                        <logic:present name="acc">
                    <li><a href="adminHome.jsp"><img src="icon/home-icon.png" height="25">admin</a></li>
                    <li><a href="login.do?action=logout">logout</a></li>
                </logic:present>
                <logic:notPresent name="acc">
                    <li><a href="adminHome.jsp"><img src="icon/lock-icon.png" height="25">Login</a></li>
                        </logic:notPresent>
                <li><a href="CartView.do?action=getCart"><img src="icon/glossy-3d-blue-orbs2-128-icon.png" height="25">Your Cart</a></li>
            </ul>
        </div>
        <!--bat dau phan body-->
        <div id="wrapper">
            <!--bat dau menu trai-->
            <div id="left">
                <!--3 o thong tin-->
                <div id="columns">
                    <div class="column">
                        <div>
                            <h4 class="title1"> Tours</h4>
                            <ul>
                                <logic:notPresent name="listTopTour" >
                                </logic:notPresent>
                                <logic:present name="listTopTour">
                                    <logic:iterate id="listT" name="listTopTour">
                                        <li> <a href="tour.do?action=detail&id=<bean:write name="listT" property="tourId"/>"> <bean:write name="listT" property="tourName"/></a></li>
                                    </logic:iterate>
                                </logic:present>
                                <c:forEach var="listT" items="${listTour}">
                                    <li><a href="#">${listT.tourName}</a></li>
                                </c:forEach>
                            </ul>
                            <a href="tour.do?action=listTour" class="more">more tours</a> </div>
                    </div>
                    <div class="column c2">
                        <div>
                            <h4 class="title2">Car Rental </h4>
                            <marquee behavior="scroll" direction="up" height="180" scrollamount="4" onMouseOver="this.stop();" onMouseOut="this.start();">
                                <logic:present name="listCar">
                                    <logic:iterate id="listc" name="listCar">
                                        <div class="pic"> <a href="Car.do?action=detail&id=<bean:write name="listc" property="detailDTO.carId"/>">
                                                <img src="<bean:write name="listc" property="detailDTO.imageUrl"/>" alt="" width="108" height="53" /></a><br />
                                            <span><a href="#"><bean:write name="listc" property="carName"/> </a></span> </div>
                                        </logic:iterate>
                                    </logic:present>
                            </marquee>
                            <a href="Car.do?action=listcar" class="more">more car</a> </div>
                    </div>
                    <div class="column c3">
                        <div>
                            <h4 class="title3">Top Hotel</h4>
                            <ul>
                                <logic:notPresent name="listHotel" >
                                    Data null
                                </logic:notPresent>
                                <logic:present name="listHotel">
                                    <logic:iterate id="listh" name="listHotel">
                                        <li><a href="hotel.do?action=hotelDetail&id=<bean:write name="listh" property="hotelId"/>"> <bean:write name="listh" property="hotelName"/></a></li>
                                    </logic:iterate>
                                </logic:present>
                            </ul>
                            <a href="hotel.do?action=listHotel" class="more2" > more hotel</a></div>

                    </div>

                </div>
                <!--3 o thong tin-->
                <!--Search-->

                <div id="search"> <img src="images/title5.gif" alt="" width="119" height="22" /><br />
                    <div>
                        <form>
                            <input type="radio" name="search" onClick="show('tour');hide('car');hide('flight');hide('hotel');" value="tour" checked="checked">
                            Tour &nbsp;&nbsp;
                            <input type="radio" name="search" onClick="show('car');hide('tour');hide('hotel');hide('flight');" value="car" >
                            Car &nbsp;&nbsp;
                            <input type="radio" name="search" onClick="show('hotel');hide('tour');hide('car');hide('flight');" value="hotel" >
                            Hotel &nbsp;&nbsp;
                            <input type="radio" name="search" onClick="show('flight');hide('car');hide('tour');hide('hotel');" value="tour">
                            Flights
                        </form>
                        <hr width="80%"/>
                    </div>

                    <div id="tour">
                        <form action="tour.do?action=searchTour" method="post" >
                            
                            <p>Departure:
                                <select name="departure">
                                    <option value=""> Chose</option>
                                    <logic:present name="listDeparture">
                                        <logic:iterate id="list" name="listDeparture">
                                            <option><bean:write name="list" property="departure"/></option>
                                        </logic:iterate>
                                    </logic:present>
                                </select>
                            </p>
                            <p class="style1">Destination:
                                <select name="destination">
                                    <option value=""> Chose</option>
                                    <logic:present name="listDestination">
                                        <logic:iterate id="list" name="listDestination">
                                            <option><bean:write name="list" property="destination"/></option>
                                        </logic:iterate>
                                    </logic:present>
                                </select>
                            </p>
                            <p>Package Tour:
                                <select name="typeName">
                                    <option value=""> Chose</option>
                                    <logic:present name="listTourType">
                                        <logic:iterate id="list" name="listTourType">
                                            <option><bean:write name="list" property="tourTypeName"/></option>
                                        </logic:iterate>
                                    </logic:present>
                                </select>
                            </p>
                            <p class="style1">LocationName:
                                <select name="locationName">
                                    <option value=""> Chose</option>
                                    <logic:present name="listLocation">
                                        <logic:iterate id="list" name="listLocation">
                                            <option><bean:write name="list" property="locationName"/></option>
                                        </logic:iterate>
                                    </logic:present>
                                </select>
                            </p>
                            <p>Duration
                                <select name="duration">
                                    <option value="0"> Chose</option>
                                    <option>1</option>
                                    <option>2</option>
                                    <option>3</option>
                                    <option>4</option>
                                    <option>5</option>
                                    <option>6</option>
                                    <option>7</option>
                                    <option>9</option>
                                    <option>10</option>
                                    <option>11</option>
                                    <option>12</option>
                                    <option>13</option>
                                    <option>14</option>
                                    <option>15</option>
                                    <option>16</option>
                                    <option>17</option>
                                    <option>18</option>
                                    <option>19</option>
                                    <option>20</option>
                                </select>
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="#">Advence</a>
                            </p>
                            <p><input name="action" type="submit" value="Search"/></p>

                        </form>
                        <layer> </layer>
                    </div>
                    <div id="car" >
                        <form action="Car.do?action=searchCar" method="post" name="carForm" id="carForm" onsubmit="return validateForm(this,'seatMin','seatMax');">
                            <p class="style1">Car search</p>
                            <table width="100%">

                                <tr>
                                    <td>Car Type: </td>
                                    <td>
                                        <select name="type" >
                                            <option></option>
                                            <logic:present name="listType">
                                                <logic:iterate id="listT" name="listType">
                                                    <option><bean:write name="listT" property="typeName"/></option>
                                                </logic:iterate>
                                            </logic:present>

                                        </select>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Car Model: </td>
                                    <td>
                                        <select name="model">
                                            <option></option>
                                            <logic:present name="listModel">
                                                <logic:iterate id="listM" name="listModel">
                                                    <option><bean:write name="listM" property="modelName"/></option>
                                                </logic:iterate>
                                            </logic:present>
                                        </select>
                                    </td>
                                </tr>
                                <tr>
                                    <td>AirConditional: </td>
                                    <td>
                                        <input type="radio" name="air" value="1" checked > Yes
                                        <input type="radio" name="air" value="0" > No
                                    </td>
                                </tr>
                                <tr>
                                    <td>Seat Quantity: </td>
                                    <td>
                                        From:<input size="5" type="text" name="seatMin" onchange="isNumber(this)"/>
                                        To:<input size="5" type="text" name="seatMax" onchange="isNumber(this);"/>
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="2">
                                        <p class="pad3">
                                            <span>
                                                <input type="submit" value="Search">
                                            </span>
                                        </p>
                                    </td>
                                </tr>
                            </table>
                        </form>
                        <layer> </layer>
                    </div>
                    <div id="hotel" >
                        <form action="hotel.do?action=searchHotel" method="post">
                            <p class="style1">Hotel search</p>
                            <table>

                                <tr>
                                    <td><p class="pad2"> City</p></td>
                                    <td><select name="city">
                                            <option value=""> Choose </option>
                                            <logic:present name="listCity">
                                                <logic:iterate id="list" name="listCity">
                                                    <option><bean:write name="list" property="city"/></option>
                                                </logic:iterate>
                                            </logic:present>

                                        </select>
                                    </td>
                                </tr>
                                <tr>
                                    <td><input type="submit" value="Search"/> </td>
                                </tr>
                            </table>
                        </form>
                        <layer> </layer>
                    </div>
                    <div id="flight" >
                        <p class="style1">Flight search</p>
                        <form action="flight.do?action=searchFlight" method="post">
                            <table>
                                <tr>
                                    <td><p class="pad2"> Departure:</p></td>
                                    <td><select name="departureS">
                                            <option value="">Choose</option>
                                            <logic:present name="listDepartureS">
                                                <logic:iterate id="list" name="listDepartureS">
                                                    <option> <bean:write name="list" property="departure"/> </option>
                                                </logic:iterate>
                                            </logic:present>

                                        </select>
                                    </td>
                                </tr>

                                <tr>
                                    <td><p class="pad2"> Destination</p></td>
                                    <td><select name="destinationS">
                                            <option value="">Choose</option>
                                            <logic:present name="listDestinationS">
                                                <logic:iterate id="list" name="listDestinationS">
                                                    <option> <bean:write name="list" property="destination"/> </option>
                                                </logic:iterate>
                                            </logic:present>

                                        </select>
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="2"><p class="pad3"><span>
                                                <input type="submit" value="Search">
                                            </span></p></td>
                                </tr>

                            </table>
                        </form>
                        <layer> </layer>
                    </div>
                </div>
                </td></tr>
                <!--Search-->
                <!--new-->
                <div class="text"> <img src="images/flighofday.png" alt="" width="249" height="27" /> <br>
                    <br>
                    <table>
                        <logic:present name="listFlight">
                            <logic:iterate id="listF" name="listFlight">
                                <tr>
                                <!-- <td>FlightCode:<bean:write name="listF" property="flightCode"/></td>
                                <td>FlightDate:<bean:write name="listF" property="flightDate"/></td>
                                    -->
                                    <td>*Departure:<a href="flight.do?action=flightDetail&id=<bean:write name="listF" property="flightId"/>"><font color="blue" size="2"> <bean:write name="listF" property="departure"/>---
                                            <bean:write name="listF" property="destination"/></font></a></td>

                                </tr>
                            </logic:iterate>
                        </logic:present>
                    </table>
                    <br>
                    <p align="left"> <a href="flight.do?action=listFlightL" class="more2" id="morefli">more info</a> </p></div>
            </div>
            <!--new-->
            <!--ket thuc menu trai-->
            <div id="right">
                <!--NOI DUNG CHINH SUA tai day-->
                <div>
                </div>

                <div> <img src="images/newtour.png" alt="" width="177" height="28" /><br />

                    <pg:pager url="home.do" maxIndexPages="2" maxPageItems="4">
                        <logic:present name="listShowTour">
                            <logic:iterate id="listShow" name="listShowTour" >
                                <pg:item>
                                    <div class="photo" align="center">
                                        <a href="tour.do?action=detail&id=${listShow.tourId}">
                                            <img src="<bean:write name="listShow" property="tourDetailDTO.imagesUrl"/>" alt="" width="194" height="111" /><br />
                                            <bean:write name="listShow" property="tourName"/>
                                        </a>
                                    </div>
                                </pg:item>
                            </logic:iterate>
                        </logic:present>
                    </div>

                    <div style="overflow:hidden">
                        <pg:index>
                            <pg:prev><a class="pre pointer disable" href="${pageUrl}">[&lt;&lt;Prev]</a></pg:prev>
                            <span class="pages">
                                <pg:pages><a class="pointer searchByPage unlink" href="${pageUrl}">${pageNumber}</a> | </pg:pages>
                            </span>
                            <pg:next><a class="nxt pointer" href="${pageUrl}">[Next&gt;&gt;]</a></pg:next>
                        </pg:index>


                    </div>
                </div>


                <div align="left"> <a href="tour.do?action=listTour" id="more">more tours</a> </div>

            </pg:pager>
            <!--ket thuc NOI DUNG CHINH SUA tai day-->
        </div>
    </div>
    <!--ket thuc body-->
    <div id="footer">
        <ul>
            <li><a href="index.jsp"><img src="icon/home-icon.png" height="25">Home Page</a></li>
            <li><a href="about.jsp"><img src="icon/Administrator-icon.png" height="25">About Company</a></li>
            <li><a href="contact1.jsp"><img src="icon/message-already-read-icon.png" height="25">Contact us</a></li>
            <li><a href="sitemap.jsp"><img src="icon/Calculator-icon.png" height="25">SiteMap</a></li>

        </ul>
        <p>Copyright &copy; 2010. All rights reserved. Design by <a href="http://code.google.com/p/tlteast2west/" target="_blank" title="TLT Group" class="bft">TLT Group</a></p>
        <div class="inner_copy"><a href="http://www.beautifullife.info/">beautiful</a><a href="http://www.grungemagazine.com/">grunge</a></div>
    </div>
    <script>
        var browserType;

        if (document.layers) {browserType = "nn4"}
        if (document.all) {browserType = "ie"}
        if (window.navigator.userAgent.toLowerCase().match("gecko")) {
            browserType= "gecko"
        }

        function hide(id) {
            if (browserType == "gecko" )
                document.poppedLayer =
                eval('document.getElementById(id)');
            else if (browserType == "ie")
                document.poppedLayer =
                eval('document.getElementById(id)');
            else
                document.poppedLayer =
                eval('document.layers[id]');
            document.poppedLayer.style.display = "none";
        }

        function show(id) {
            if (browserType == "gecko" )
                document.poppedLayer =
                eval('document.getElementById(id)');
            else if (browserType == "ie")
                document.poppedLayer =
                eval('document.getElementById(id)');
            else
                document.poppedLayer =
                eval('document.layers[id]');
            document.poppedLayer.style.display = "block";
        }


    </script>
</body>
</html>
